.weather-box * {
    box-sizing: border-box;
}

.weather-box {
    width: 1298px;
    padding: 19px 19px 0;
    margin: 0 auto;
}

.weather-main {
    padding: 16px 35px 20px;
    color: #FFFFFF;
    background: linear-gradient(225deg, #3F99E7 0%, #2B6EAA 100%), linear-gradient(225deg, #226BAF 0%, #5EA2D1 100%);
}

.weather-more {
    display: flex;
    display: none;
    align-items: center;
    justify-content: right;
    height: 24px;
    margin-bottom: 12px;
    text-align: right;
}

.weather-link {
    display: none;
    color: #FFFFFF !important;
    cursor: pointer;
}

.weather-live {
    position: relative;
}

.live-position {
    margin-left: 8px;
    display: flex;
    align-items: center;
    height: 48px;
    font-size: 18px;
}

.live-position img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.city-name {
    position: relative;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
}

.city-corner-before {
    position: absolute;
    top: 9px;
    right: -20px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #FFFFFF;
}

.city-corner-after {
    display: none;
    position: absolute;
    top: 9px;
    right: -20px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #FFFFFF;
}

.city-box {
    display: none;
    position: absolute;
    top: 44px;
    width: 244px;
    padding: 8px;
    color: #E1F2FF;
    background-color: #17558B;
    box-shadow: 0 0 1px #FFFFFF;
    border-radius: 4px;
    font-size: 16px;
}

.city-close {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.city-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
}

.city-item:hover, .city-item.active {
    background-color: #2F74C6;
    border-radius: 4px;
}

.live-icon {
    width: 120px;
    margin: 0 auto 12px;
}

.live-icon img {
    width: 120px;
    height: 120px;
}

.live-text {
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    text-align: center;
}

.live-main {
    height: calc(100% - 48px);
}

.detail-temp {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100px;
    line-height: 100px;
    margin-bottom: 10px;
}

.detail-temp span {
    font-size: 76px;
}

.detail-temp i {
    float: right;
    display: block;
    line-height: 20px;
    margin-top: 20px;
    margin-left: 8px;
    font-size: 24px;
    font-style: normal;
}

.detail-other {
    display: flex;
    height: calc(100% - 110px);
}

.detail-item {
    width: 25%;
    font-size: 16px;
    text-align: center;
}

.detail-item p {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    line-height: 24px;
    margin: 8px 0 0;
}

.detail-item p img {
    width: 24px;
    height: 24px;
}

.weather-forecast {
    padding-bottom: 15px;
    display: flex;
    justify-content:space-evenly;
    border-left: 1px solid rgba(255, 255, 255, 0.21);
}

.forecast-item {
    flex:1;
    border-right: 1px solid rgba(255, 255, 255, 0.21);
    font-size: 16px;
    text-align: center;
}

.item-list {
    height: 24px;
    line-height: 24px;

}

.item-icon {
    width: 50px;
    height: 50px;
    /*background: linear-gradient(200deg, #FAFF7F 0%, #FBED68 24%, #FDC02F 73%, #FFAB15 95%);*/
    /*border-radius: 50%;*/
    margin: 12px auto;
    clear: both;
}

.item-icon img {
    width: 100%;
    height: 100%;
}
.tips-top-news h1{
    line-height:96px;
    margin:0;
}
.index-tab .tab-info a{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.boxwide-box{
    margin-top:8px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}
#index_slidezz .tempWrap{
    width:100%!important;
}
#index_slidezz .tempWrap .bd{
    width:100%!important;
}
.index-linkbox.box2 .text li a{
    display:flex;
    padding:0 8px;
}
.index-linkbox.box2 .text li .tit{
    flex:1;
}
@media screen and (min-width: 990px) {
    .mobileTerminal{
        display: none;
    }
    .zgqxj{
        width: 100px;
    }
    .syjd-yid{
        display: none;
    }
    .yj-yid{
        display: none;
    }
    .qtfw-yid{
        display: none;
    }
    .govpushinfo150203 li{
        display: flex;
    }
    .govpushinfo150203 li a {
        flex: 1;
    }
    .index-linkbox.box3 img{
        height: 88px;
    }
    .list-li1,.list-li2{
        width:50%;
    }
    .list-li1{
        margin-left:12px;
    }
    .list-li2{
        margin-right:12px;
    }
    .tips-box ul .tips-gsgg{
        margin:13px 19px;
    }

    .index-linkbox{
        float:left;
    }
    .weather-live{
        width: calc(100% - 856px - 16px);
        float: left;
        height: 256px;
        margin-right: 16px;
    }
    li.list-li1{
        width:646px!important;
        display:inline-block;
        margin:19px 0 0 19px!important;
    }
    li.list-li2{
        width:646px!important;
        display:inline-block;
        margin:19px 19px 0 0!important;
    }
    .index-linkbox.box2{

        height:100%;
        margin-left: 19px;
    }
    .index-linkbox.box2{
        width: 413px !important;
    }
    .index-linkbox.box3{
        margin-left: 19px;
    }
    .index-linkbox.box2 .icon li{
        width:49.27% !important;
    }
    .mobileClient{
        display: none;
    }
    .index-yid{
        display: none;
    }
    .zfgk-yid{
        display: none;
    }
    .index-tab .tab-nav span{
        width:100px ;
    }
}
@media screen and (max-width: 989px) {
    .list-li1,.list-li2{
        width:100%;
    }
    .index-yid{
        padding-top: 12px;
    }
    .syjd-pc{
        display: none;
    }
    .yj-pc{
        display: none;
    }

    .qtfw-pc{
        display: none;
    }
    .index-pc{
        display: none;
    }
    .zfgk-pc{
        display: none;
    }
    .tips-box ul li{
        width:100%;
        border:none;
        border-bottom:1px solid #e6e6e6;
    }
    .top-search-box,.qrcode-box,.footer-info,.footer .friend-link{
        display:none;
    }
    .tips-box ul li{
        margin: 0;
    }
    .index-linkbox{
        width:99%!important;
        margin: 0;
        margin-top: 12px;
    }
    .boxwide {
        height: 176px;
    }
    .w-360{
        width:360px;
    }
    .w-558{
        width:360px;
        margin:0 20px;
    }

    .index-linkbox.box2 .icon li{
        width:49.7%;
        font-size:16px;
    }
    .index-linkbox.box2 .icon li span{
        margin: 0 0 0 20px !important;
        float:none;
    }
    .index-slide-zt{
        width: calc(100% - 16px) !important;
        margin: 10px 8px 10px 8px;
    }
    .index-linkbox .title{
        height: 27px;
        line-height: 27px;
    }
    .index-linkbox .title a{
        top: 6px;
        right: 8px;
        font-size: 14px !important;
    }

    .index-linkbox.box2 .text li{
        display: flex;
        font-size: 12px;
    }
    .main{
        margin:0;
    }
    .wrap{
        padding:0;
    }
    .index-tab{
        width: 100%;
        height: 360px;
    }

    .index-slide-nav{
        width:100%;

    }

    .tempWrap {
        width: 100%;
    }


    .index-slide ul li{
        width: 100%;

    }

    .text a{
        width: 100%;
    }
    .index-slide{
        margin: 0;
        width:100%;
    }

    .list ul{
        font-size: 24px;
    }
    .index-zt{
        display: none;
    }
    .list{
        font-size: 18px;
    }

    .detail-item p img{
        width: 27px;
        height: 27px;
    }
    .detail-item{
        font-size: 24px;
    }
    .forecast-item{
        font-size: 22px;
    }
    .detail-other{
        padding-top: 10px;
        margin-bottom: 20px;
    }
    .weather-main{
        height: 800px;
    }
    .detail-temp{
        margin-bottom: 50px;
    }
    .detail-other{
        margin-bottom: 40px;
    }



    .index-tab .tab-nav span a{
        font-size: 24px;
    }
    .header-nav ul li a{
        font-size: 18px;
    }
    .tips-tqyb .tempWrap{
        flex: 1;
    }
    .index-slide-title a{
        width:280px ;
    }
    .index-slide-btn a{
        background: red;
    }
    .index-slide-btn a .cur{
        background: #DEDEDE;

    }

    .index-linkbox.box2 .text li a{
        display: flex;
    }
    .index-linkbox.box2 .text li .date {
        padding-right: 10px;
    }

    body,html{
        width: 100%;
        min-width:auto;
        background: none !important;
    }

    .main{
        width: 100%;
    }

    .tips-box ul li .title{
        font-size: 17px;
    }


    .index-tab{
        width: 400px;
        margin: 0 auto;
    }
    .index-tab .tab-nav span a{
        font-size: 10px;
    }



    .detail-temp span{
        font-size: 28px;
    }
    .detail-temp i{
        font-size: 14px;
    }
    .detail-temp p img{
        width: 18px;
        height: 18px;
    }
    .detail-temp{
        font-size: 14px;
        margin-bottom:0;
    }
    .weather-main{
        height: 590px;
    }
    .detail-other{
        margin-bottom: 0;
    }
    .index-slide-nav{
        width: 100%;
    }
    .tips-top-news h1 a{
        font-size: 22px;
    }

    .index-slide-nav .list{
        font-size: 12px;
    }
    .index-slide-title a{
        width: 200px;
    }
    .index-slide-btn{
        float: right;
        background: none;
    }
    .index-slide-btn a{
        background: #FFFFFF;
    }
    .index-tab{
        width: 430px;
        margin: 0 auto;
        height: 100%;
    }
    .index-tab .tab-nav span a{
        font-size: 12px;
    }
    .index-tab .tab-info a{
        font-size: 12px;
        flex: 1;

    }
    .index-tab .tab-info .govpushinfo150203 span{
        margin-right: 8px;
    }

    .weather-box{
        width: 430px;
    }
    .detail-temp span{
        font-size: 40px;
    }
    .detail-temp i{
        font-size: 14px;
    }
    .detail-item{
        margin-bottom: 10px;
        font-size: 14px;
    }
    .detail-item p img{
        width: 18px;
        height: 18px;
    }
    .weather-box{
        padding: 0 ;
    }


    .weather-main{
        height: 630px;
    }
    .tips-top-news h1 a{
        font-size: 20px;
        display: inline-block;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 30px;
    }
    .tips-top-news{
        height: 75px;
    }
    .index-slide-btn a{
        width: 5px;
        height: 5px;
    }
    .index-tab{
        width: 100%;
        height: 260px;
    }
    .index-tab .tab-nav span a{
        font-size: 12px;
    }
    .tab-info ul{
        font-size: 24px;

    }
    .index-tab .tab-info li{
        display: flex;
        font-size: 12px;

        box-sizing: border-box;
    }
    .index-tab .tab-info text{
        width: auto;
    }
    .tab-info .date{
        padding-right: 8px;

    }
    .weather-box{
        padding: 0;
        width:99% !important;
    }
    .weather-main{
        height: 100%;
    }
    .detail-temp{
        margin-bottom: 10px;
    }
    .detail-temp span{
        font-size: 50px;
    }
    .detail-temp i{
        font-size: 24px;
    }
    .detail-other{
        margin-bottom: 20px;
    }
    .detail-item{
        font-size: 15px;
    }
    .detail-item p img{
        width: 27px;
        height: 27px;
    }
    .forecast-item{
        font-size: 15px;
    }

    .title{
        margin-left: 0;
    }
    .index-linkbox .box2 .text{
        height: 220px;
    }

    .index-linkbox.box2 .text li .tit{

        font-size: 12px;
    }
    .boxwide{
        height: 81px;
    }

    .footer-link ul{
        width: 300px;
    }
    .tips-gsgg .tempWrap{
        flex: 1;
    }
    .info .text{
        display: contents;
        width: 90% !important;
    }
    .index-tab .tempWrap{
        width: 100%;
    }
    .cut-rule{
        height: 1px;
        background: linear-gradient(270deg, rgba(255,255,255,0) 0%, #FFFFFF 51%, rgba(255,255,255,0) 100%);

    }
    .item-icon{
        width: 40px;
        height: 40px;
    }
    .forecast-item .item-list{
        font-size: 10px;
    }

    .mobileTerminal img{
        display: block;
    }
    .index-tab .tab-info .text{
        flex: 1;
    }
    .index-tab .tab-info .title{
        color: black;
    }
    .index-tab .tab-info .title i{
        margin-right: 5px;
    }
    .weather-main{
        padding:0;
    }
    .index-linkbox.box1{
        margin-bottom: 0;
    }
    .index-linkbox.box2{
        height: 100%;
    }
    .index-linkbox.box2 .text li .tit i{
        margin-right: 5px;
    }
    .index-linkbox .title{
        background: none;

    }
    .index-linkbox{
        margin: 0;
    }
    .index-linkbox.box2{
        margin-left: 0;!important;
    }
    .index-linkbox.box2 ul{
        margin: 5px;
    }
    .index-linkbox.box3{
        margin-left: 0;
    }
    .boxwide-box{
        margin-left: 5px;
    }
    .index-tab .tab-info li{
        display: flex;
        margin: 0;
        height: 30px;
        line-height: 30px;
    }
    .index-linkbox.box2 .text li{
        height: 18px;
        margin: 12px 10px 0 0;
    }
    .mobileTerminal .zt-img{
        width: 100%;

    }
    .zt-li{
        width: 100%;
        height: 100%;
    }
    .tips-qxyj{
        display: flex;
    }
    .tips-box ul li .info{
        flex: 1;
    }
    .tips-box{
        margin: 0;
    }

    .index-linkbox.box2 .icon li span{
        text-align: left;
        float: right;
    }
    .index-linkbox.box2 .icon li span{
        width: 70%;
    }
    .index-slide-title-h5{
        float: left;
        margin-left:8px;
        width: 60%;
        margin-top:15px ;
    }
    .index-slide-title-h5  a{
        color: white;
        width: 90%;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow:ellipsis;
    }
    .index-slide-title-h5 a::after{
        background: #FFFFFF;
    }

    .index-tab .tab-nav span{
        width: auto;
    }
    .tips-box ul li.tips-top-news{
        height: 70px;
    }
    .tips-top-news h1{
        line-height: 50px;
    }
    .item{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .yb{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .index-tab .tab-nav{
        display: flex;
    }

}